* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.es-dialog .el-dialog__body {
    height: 70vh;
    overflow: auto;
}

#app {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    .menu {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 200px;

        .logo {
            width: 100%;
            text-align: center;
            font-weight: bold;
            font-size: 24px;
            height: 50px;
            line-height: 50px;
        }

        .author {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 20px;
            text-align: center;
            font-size: 14px;
            color: #3d3d3d;
        }
    }

    .main {
        position: absolute;
        top: 0;
        left: 200px;
        right: 0;
        bottom: 0;

        .top {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 50px;
            line-height: 50px;
            display: grid;
            grid-template-columns: 1fr 50px 115px;
            grid-template-rows: 50px;

            .app-option {
                display: flex;
                margin-left: 5px;

                .el-input {
                    margin-left: 5px;
                }

                .el-button {
                    margin-left: 14px;
                    margin-top: 9px;
                }

                .cluster-name {
                    text-align: center;
                    font-size: 20px;
                    font-weight: bold;
                    margin-left: 10px;
                }
            }
        }

        .content {
            position: absolute;
            top: 50px;
            left: 0;
            right: 0;
            bottom: 0;
            overflow: hidden;
        }
    }
}